<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="assets/css/bootstrap.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="assets/css/ace.min.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <title>权限用户</title>
</head>
<style>
    #quxiao {
        color: #0000FF;
    }
</style>
<body>
<h1>
    <div class="page-content">
        <div class="user_Manager_style">
            <div class=" Manager_style">
                <span class="title_name">我的收藏</span>
                <!--                            <h4><span style="color: blue" th:text="${directory.directoryName}">第一章 总则</span></h4>-->
                <div class="add_user_style clearfix" th:each="li:${pageInfo.list}" th:id="${li.id}">
                    <div class="xinxi-xs clearfix">
                        <label class="label_name lf" style="color: red"
                               th:text="'第'+${li.clause.clauseId}+'条'">第21.2条</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </div>
                    <ul>
                        <span><label class="label_name" th:text="${li.clause.clauseContent}"></label> </span>
                    </ul>
                    <p>&nbsp;</p>
                    <div><a style="font-size:15px" id="quxiao" href="javascript:void(0)"
                            th:onclick="'del('+${li.id}+')'"
                    >取消收藏</a></div>

                    <span>------------------------------------------------------------------------------------------------------</span>
                    <p>&nbsp;</p>

                </div>
            </div>
        </div>
    </div>
    <script src="assets/js/jquery.min.js"></script>
    <!-- <![endif]-->
    <!--[if IE]>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <![endif]-->
    <!--[if !IE]> -->
    <!-- <![endif]-->

    <!--[if IE]>
    <script type="text/javascript">
        window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>" + "<" + "/script>");
    </script>
    <![endif]-->
    <script src="assets/js/bootstrap.min.js"></script>
    <script>
        function del(id) {
            var flag = confirm("确定取消收藏吗？")
            if (flag) {
                $.getJSON("/delConllection", {id: id}, function (opj) {
                    if (opj) {
                        $("#" + id).remove();
                    }
                })
            }

        }
    </script>
</body>
</html>
